<template>
  <div class="doc-aside">
    <el-collapse v-model="activeNames" @change="handleChange">
        <el-collapse-item title="当前环节文书" name="1">
            <slot name = "current"></slot>
        </el-collapse-item>
        <el-collapse-item title="历史文书列表" name="2">
            <slot name = "history"></slot>
        </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>
export default {
  name: "doc-aside",
  data () {
    return {
        historyDocs:[],
        currLinkDocs:[],
        activeNames:["1"]
    };
  },
  methods:{
      handleChange(){},
  }
}

</script>
<style>
.el-collapse-item__header{
    padding-left:10px;
    font-size: 14px;
    font-weight: 700;
}
.el-collapse-item__content{
    padding-bottom:0;
    border-top:1px solid #ccc;
}
</style>